<template>
  <div>
    <h1>欢迎管理员mike进入后台管理系统</h1>
    <table border="1">
      <tr>
        <td>id</td>
        <td>name</td>
        <td>age</td>
      </tr>
      <tr v-for="u in users">
        <td>{{u.id}}</td>
        <td>{{u.age}}</td>
        <td>{{u.name}}</td>
      </tr>
    </table>
    <fotter></fotter>
    <router-view></router-view>
  </div>

</template>

<script>
  //我们要是想使用别人的组件 我们就要先切换到别人的组件里面去就行
  import fotter from "./fotter";

  export default {
    name: "admin",
    data() {
      return {
        users: [{id: 1, name: "张三", age: 10}, {id: 2, name: "李四", age: 22}]
      }
    },
    methods: {},
    created() {
    },
    components: {
      fotter
    }
  }
</script>

<style scoped>

</style>
